<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/basic.css"/>

<script type="text/javascript" src="js/jquery-2.0.2.js"></script>

</head>
<body>

<div class="home_bac">
	<div class="home_header">
		<div class="clearfix warp">
			<a href="#" class="home_lol"><img src="images/logo.png"></a>
			<div class="clearfix home_lor">
				<a href="#" class="home_user">
					<img src="images/a8.png" class="">132000000000
				</a>
				<a href="#" class="home_exit">
					<img src="images/a10.png">Exit
				</a>
			</div>
			<!-- <header class="cd-header"><a href="#0" class="cd-3d-nav-trigger nav_open"><span></span></a></header> -->
		</div>
	</div>
	<div class="home_nav">
		<ul class="home_nav_list clearfix">
			<li class="active"><a href="#">Home</a></li>
			<li><a href="#">Order</a></li>
			<li><a href="#">Shuttle</a></li>
			<li><a href="#">Charter</a></li>
			<li><a href="#">Auction</a></li>
			<li><a href="#">Cashier</a></li>
		</ul>
	</div>

	<div class="home_mol">
		<div class="home_mtab">
			<p class="home_tit">Order</p>
			<div class="order_bot">
				<div class="order_iwp">
					<div class="clearfix">
						<div class="Shuttle_pr">
							<select class="Shuttle_select">
								<option value ="1">Shuttle Name1</option>
							</select>
							<img src="images/a6.png" class="Shuttle_pimg">
						</div>
						<input type="text" value="8" class="shuttle_input">
						<p class="shuttle_tih">H</p>
						<input type="text" value="48" class="shuttle_input">
						<p class="shuttle_tih">Min</p>
						<input type="button" value="Buy" class="shuttle_button">
					</div>

					<ul class="order_btpl">
						<li class="clearfix">
							<p class="order_pbt">Idorders：</p>
							<div class="order_ohi">
								<p class="order_pbs">2018050001</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Order_status：</p>
							<div class="order_ohi">
								<p class="order_pbs">In payment</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Fromwhere：</p>
							<div class="order_ohi">
								<p class="order_pbs">Sydney Opera House</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Stop1：</p>
							<div class="order_ohi">
								<p class="order_pbs">Sydney Opera House</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Stop2：</p>
							<div class="order_ohi">
								<p class="order_pbs">Sydney Opera House</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Towhere：</p>
							<div class="order_ohi">
								<p class="order_pbs">Sydney Opera House</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Custo_costs：</p>
							<div class="order_ohi">
								<p class="order_pbs">220RMB</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="home_foot">
			<div class="clearfix lg_boa">
				<a href="#">Contact Us</a>
				<a href="#">About Us</a>
				<a href="#">Readme Before Use</a>
			</div>
			<p class="lg_boits">@Better Price Better Go</p>
		</div>
	</div>

</div>


<div class="shuttle_pfix">
	<div class="shuttle_fwap">
		<p class="shuttle_tit">Shuttle People</p>
		<img src="images/a15.png" class="shuttle_x">
		<div class="shuttle_hwap">
			<p class="shuttle_hit">Shuttle_name</p>
			<input type="text" class="shuttle_hinput">
			<p class="shuttle_hit">Custo_sum</p>
			<input type="text" class="shuttle_hinput">
			<p class="shuttle_hit">User_name</p>
			<input type="text" class="shuttle_hinput">
			<p class="shuttle_hit">Contact</p>
			<div class="clearfix">
				<input type="text" class="shuttle_hinput wfl">
				<p class="shuttle_add">+</p>
			</div>
			<input type="button" class="shuttle_but" value="Confirm">
		</div>
	</div>
</div>

<script>
// nav
$(document).ready(function($){
	$('.cd-3d-nav-trigger').on('click', function(){
		toggle3dBlock(!$('.cd-header').hasClass('nav-is-visible'));
	});

	function toggle3dBlock(addOrRemove) {
		if(typeof(addOrRemove)==='undefined') addOrRemove = true;	
		$('.cd-header').toggleClass('nav-is-visible', addOrRemove);
	}
});

// 弹出层
$(".shuttle_button").click(function(){
	$(".shuttle_pfix").show();
})
$(".shuttle_x").click(function(){
	$(".shuttle_pfix").hide();
})
</script>
</body>
</html>
